html{
 font-size: 100px;
}
html, body, header,article, nav, ul, li{margin: 0; padding: 0;}
html, body, .container,.herder_bg {
    height: 100%;
}
*{
    box-sizing:border-box
}
ul, ol, dd {
  list-style-type:none;
  margin-left:0;
  padding-left:0;
 }
a {
 text-decoration:none;
 color:#1580da;
}

body{
  font-size:0.16rem;
  color: #ffffff;
  font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif;
}

/*隐藏百度地图logo*/
.BMap_cpyCtrl{display:none}
.anchorBL{display:none}

.container {
     padding:0.1rem;
     background-image: url(images/sybj.jpg);
     background-position: center center;
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
     background-color:#1b2852;
     font-family: 'microsoft yahei',Arial,sans-serif;

}

header {
    height: 11%;
    padding-bottom: 0.1rem;
}

.herder_bg{
    width: 100%;
    /*color: #6cbbe6;*/
    /*font-size: 24px;*/
    /*font-weight: bold;*/
    /*text-align: center;*/
    background: url(images/topbg.png);
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

#switch_btn{
    background-image: url(images/4-1.png);
    width:0.45rem;
    height:0.45rem;
    position:absolute;
    top:0.2rem;
    right:0.2rem;
    z-index: 99999;
    background-size: cover;
}

/* 标题 */
#btn_title{
    background-image: url(images/1-4.png); /* 按钮图片 */
    text-align: center;
    font-size: 0.3rem;
    color: #6cbbe6;
    line-height: 0.55rem;
    width: 4.5rem;
    height: 0.6rem;
    position: absolute;
    top: 0.5rem;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    z-index: 99999;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

/* 组织建设 */
#btn_build{
    background-image: url(images/1-4.png); /* 按钮图片 */
    font-size: 0.3rem;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    align-items: center;
    width:1.45rem;
    height:0.45rem;
    position:absolute;
    top:0.55rem;
    left:1.7rem;
    z-index: 99999;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

/* 组织生活 */
#btn_life{
    background-image: url(images/1-4.png); /* 按钮图片 */
    font-size: 0.3rem;
    color: rgba(255,255,255,.7);
    text-align: center;
    align-items: center;
    width:1.45rem;
    height:0.45rem;
    position:absolute;
    top:0.55rem;
    left:3.5rem;
    z-index: 99999;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

/* 党员教育 */
#btn_edu{
    background-image: url(images/1-4.png); /* 按钮图片 */
    font-size: 0.3rem;
    color: rgba(255,255,255,.7);
    text-align: center;
    align-items: center;
    width:1.45rem;
    height:0.45rem;
    position:absolute;
    top:0.55rem;
    right:3.5rem;
    z-index: 99999;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

/* 党建地图 */
#btn_map{
    background-image: url(images/1-4.png); /* 按钮图片 */
    font-size: 0.3rem;
    color: rgba(255,255,255,.7);
    text-align: center;
    align-items: center;
    width:1.45rem;
    height:0.45rem;
    position:absolute;
    top:0.55rem;
    right:1.7rem;
    z-index: 99999;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-color: #a54a16;
}

article {
    width: 100%;
    height:89% ;
    padding-bottom: 0.1rem;
}

#hideleft{
    background-image: url(images/left.png);
    width:0.12rem;
    height:0.44rem;
    position:absolute;
    top:50%;
    left: 0;
    z-index: 99999;
}

#hideright{
    background-image: url(images/right.png);
    width:0.12rem;
    height:0.44rem;
    position:absolute;
    top:50%;
    right:0;
    z-index: 99999;
}

#org-title{
    height: 0.4rem;
    line-height: 0.4rem;
    padding-left: 0.1rem;
    font-size: 0.16rem;
    font-weight:normal;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
}

.wrap{
    width: 100%;
    height: 100%;
    float: left;

}

.wrap .center{
    margin:0 15%;
    height: 100%;
    background-image: url(images/5-3dt.png);
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
}

.left_margin,.right_margin{
    float: left;
    width: 15%;
    height: 100%;
}

.left_margin {
    margin-left: -100%;
    padding-right:0.15rem ;
}

.right_margin{
    margin-left: -15%;
    padding-left:0.15rem ;
}
.sun-div{
    width: 100%;
    height: 25%;
    background: url(images/1-2.png) no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    margin-bottom: 0.17rem;
    padding:0.15rem;
}

.sun-div2{
    width: 100%;
    height: 45%;
    background: url(images/1-2.png) no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    margin-bottom: 0.17rem;
    padding:0.15rem;
}

.sun-div3{
    width: 100%;
    height: 100%;
    background: url(images/1-2.png) no-repeat;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    margin-bottom: 0.17rem;
    padding:0.15rem;
}

.sun-title{
    height: 0.4rem;
    line-height: 0.4rem;
    padding-left: 0.1rem;
    font-size: 0.16rem;
    font-weight:normal;
    background: url(images/2-1.png) no-repeat;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
}

.left-ec{
    width: 100%;
    height: 1.9rem;
}

/* 右侧列表样式 */

.sun-div ul {
    padding: 0 15px;
}
.data-contents-height {
    box-sizing: border-box;
    min-height: 160px;
}

.sun-div ul li {
    /*     height: 30px;
         */    line-height: 30px;
    border-bottom: 1px solid rgba(67,104,199,.2);
    color: #3690ff;
}
.litext{
    display: inline-block;
    vertical-align:middle;
    width:39%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(255,255,255,.7);
    padding: 0 24px;
}
.litext hover{
    display: inline-block;
    vertical-align:middle;
    width:39%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: rgba(255,255,255,.7);
    padding: 0 24px;
}
.r {
    float: right;
}
.sun-div ul li span.unchanged1 {
    width:70px;
    text-align: center;
}

.sun-div ul li span.unchanged {
    padding: 0 0 0 5px;
    width:45px;
    text-align: right;
}
